<template>
  <!-- 返回组件 -->
  <navTabrBack
    :navbackStyle="['padding-right: 20rpx']"
    :title="'推荐专利数据'"
    :titleStyle="['padding: 0 28rpx;']"
  ></navTabrBack>
  <view class="content">
    <!-- 筛选按钮 -->

    <!-- 搜索 -->
    <view class="indexSerch">
      <view class="iconSerch iconfont icon-sousuo"></view>

      <input
        class="indexInput"
        maxlength="200"
        placeholder-style="color: #999999;"
        placeholder="输入专利集/专利名称"
        confirm-type="search"
        @confirm="doSearch"
      />
    </view>

    <!-- 条件搜索 -->
    <serchPatent></serchPatent>
  </view>
</template>

<script setup>
import { reactive, toRefs, ref, onMounted } from "vue";
import { onLoad } from "@dcloudio/uni-app";
let data = reactive({
  type: 1,
  id: null,
  value: null,
});
let { type, id } = data;
let flage = ref(true);
onMounted(() => {});
// 按钮切换
const checkFlage = (num) => {
  num == 1 ? (flage.value = true) : (flage.value = false);
};
// 按钮选项
// 搜索事件
const doSearch = () => {};
onLoad((data) => {
  console.log(data, "传参!");
  checkFlage(data.type);
});
</script>

<style scoped>
.content {
  padding: 0 28rpx;
  padding-bottom: 55rpx;
}
.serchBtn {
  margin-top: 29rpx;
  display: flex;
  justify-content: space-between;
}
.serchBtn button:after {
  border: 0;
}
.serchBtn button {
  width: 337rpx;
  height: 74rpx;
  border-radius: 36rpx;
  line-height: 74rpx;
  font-size: 27rpx;
  font-weight: 400;
  background: #f5f5f5;
}
.checkout {
  background: #1677ff !important;
  color: #ffffff !important;
}
.noCheck {
  background: #f5f5f5 !important;
  color: #999999 !important;
}
/* 搜索栏 */
.indexSerch {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 23rpx;
  height: 72rpx;
  background: #ffffff;
  border-radius: 36rpx;
  padding-left: 76rpx;
  background: #f5f5f5;
}
.indexInput {
  width: 85%;
  height: 36rpx;
  font-size: 25rpx;
}
.iconSerch {
  position: absolute;
  left: 18rpx;
  top: 18rpx;
  font-size: 35rpx;
  color: #999999;
}
</style>
